<template>
	<view style="background-color:#F1F2F4;height:100vh;" class="flex flex-col posit-relat">
		
	<view class="posit-absol width-all" style="z-index: 0;">
	  <image class="width-all" style="height:60vh;"  mode="scaleToFill" src="https://app.gluz.com.cn/uniappAssets/static/images/customer/top.png"></image>
	</view>
	<u-navbar :title="$t('翻译记录')" title-color="#fff" :background="{'background-color':'rgba(255,255,255,0)'}" back-icon-color="#fff" leftIcon="back" @leftClick="backEvent" ></u-navbar>
	 <view class="flex flex-both width-all flex-middle z-index-1 padd-0_15" >
	 	<view class="flex flex-middle">
	 		<view>
	 			<image style="padding-top: 10px;" class="zhuanhuan_img" mode="widthFix"
	 				src="/static/images/user/newUI/history1.png" alt="" />
	 		</view>
	 		<view style="color: #ffffff;">{{$t('历史记录')}}</view>
	 	</view>
	 	<view class="flex flex-both" :style="{'width':lang=='zh'?'50%':'60%'}" style="font-size: 12px;" >
	 		<view class="item_styles posit-relat" v-if="lang=='zh'" :class="current==0?'item_style_add':''" @click="toggleItemClass(0)">{{$t('语音帮助')}}</view>
	 		<view class="item_styles_ru posit-relat" v-if="lang=='ru'" :class="current==0?'item_style_add':''" @click="toggleItemClass(0)">Аудио</view>
	 		<view class="item_styles posit-relat" v-if="lang=='zh'" :class="current==1?'item_style_add':''" @click="toggleItemClass(1)">{{$t('视频会议')}}</view>
	 		<view class="item_styles_ru posit-relat" v-if="lang=='ru'" :class="current==1?'item_style_add':''" @click="toggleItemClass(1)">{{$t('视频会议')}}</view>
	 	</view>
	 </view>
	 <view  v-for="(item, key) in dataList" :key="item.id"> 
	<u-popup v-model="item.appeal_show" :closeable="false" mode="bottom"  length="80%" border-radius="24">
		<view class="width-all u-text-center" style="color: #333333;font-size: 32rpx;margin-top: 40rpx;font-weight: bold;">{{$t('申诉')}}</view>
		<view class="padd-0_15">
			<view  class="flex width-all flex-both marg-b-20 flex-col" >
				<view class="flex font-13" style="color: #666666;font-weight: 500;">
					<view class="" >{{$t('当前服务整体评级')}}</view>
				</view>
				<view class="marg-t-20"><u-rate gutter="40" active-color="#FDBD3B"  inactive-icon="star-fill" :size="60" v-model="item.evaluate"  :count="5" :disabled="true"></u-rate></view>
			</view>
			<view  class="flex width-all flex-both marg-b-20 flex-col" v-if="item.evaluate_brand&&(brandChange(item.evaluate_brand)[0]=='1'||brandChange(item.evaluate_brand)[1]=='1'||brandChange(item.evaluate_brand)[2]=='1')">
				<view class="flex font-13" style="color: #666666;font-weight: 500;" >
					<view class="" >{{$t('当前评价')}}</view>
				</view>
				<view class="flex width-all marg-t-20">
					<view class="meeting_pingp marg-r-10" v-if="brandChange(item.evaluate_brand)[0]=='1'">
						<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==1">{{$t('服务体验差')}}</view>
						<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==2||item.evaluate==3">{{$t('服务一般')}}</view>
						<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==4||item.evaluate==5">{{$t('服务体验好')}}</view>
						<view style="width: 46rpx;height: 46rpx;overflow: hidden;">
							<image v-if="item.evaluate==1" class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/bad.png" alt="" />
							<image v-if="item.evaluate==2||item.evaluate==3" class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/hao.png" alt="" />
							<image v-if="item.evaluate==4||item.evaluate==5" class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/haos.png" alt="" />
						</view>
					</view>						
					<view class="meeting_pingp marg-r-10" v-if="brandChange(item.evaluate_brand)[1]=='1'">
						<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==1">{{$t('翻译错误')}}</view>
						<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==2||item.evaluate==3">{{$t('翻译精准')}}</view>
						<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==4||item.evaluate==5">{{$t('翻译精准')}}</view>
						<view style="width: 46rpx;height: 46rpx;overflow:hidden ;">
							<image v-if="item.evaluate==1" class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/bad.png" alt="" />
							<image v-if="item.evaluate==2||item.evaluate==3" class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/hao.png" alt="" />
							<image v-if="item.evaluate==4||item.evaluate==5" class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/haos.png" alt="" />
						</view>
					</view>
					<view class="meeting_pingp" v-if="brandChange(item.evaluate_brand)[2]=='1'">
						<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==1">{{$t('时间观念差')}}</view>
						<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==2||item.evaluate==3">{{$t('稍稍迟到')}}</view>
						<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==4||item.evaluate==5">{{$t('准点守时')}}</view>
						<view style="width: 46rpx;height: 46rpx;overflow: hidden;">
							<image v-if="item.evaluate==1" class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/bad.png" alt="" />
							<image v-if="item.evaluate==2||item.evaluate==3" class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/hao.png" alt="" />
							<image v-if="item.evaluate==4||item.evaluate==5" class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/haos.png" alt="" />
						</view>
					</view>
				</view>
			</view>
			<view  class="flex width-all flex-both marg-b-20 flex-col" >
				<view class="flex font-13" style="color: #666666;font-weight: 500;">
					<view class="" >{{$t('申诉内容')}}</view>
				</view>
				<view class="marg-t-20">
					<textarea class="textareas" style="width: 100%; margin-top: 0px;background-color: #F0F2F5;border-radius: 24rpx;" v-model="chatMessage"
							:placeholder="$t('请输入申诉内容')"></textarea></view>
			</view>
			<view  class="flex width-all flex-both marg-b-20 flex-col" >
				<view class="flex font-13" style="color: #666666;font-weight: 500;">
					<view class="" >{{$t('视频')}}</view>
				</view>
				<view class="marg-t-20 flex flex-col" style="grid-gap: 20rpx 3%;">
					<view class="over-hide posit-relat" style="width:100%;height: 60rpx;" v-for="(v_item,index) in tabsImagesVideo" :key="index">
						<view  v-if="v_item.tempType==1"  style="width: 90%;">{{getLastPart(v_item.tempFilePath)}}</view>
						<image class="deletClass" mode="widthFix" src="/static/p5.png" @click="fun_delFiles(index)" alt="" />
					</view>
					<view v-if="tabsImagesVideo.length<openFiles_num" class="" style="width: 200rpx;height: 200rpx;border-radius: 24rpx;overflow: hidden;" @click="confirmAppeal(1)"><image class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/upload.png" alt="" /></view>
				</view> 	
			</view>
			<view  class="flex width-all flex-both marg-b-20 flex-col" >
				<view class="flex font-13" style="color: #666666;font-weight: 500;">
					<view class="" >{{$t('上传图片')}}</view>
				</view>
				<view class="marg-t-20 flex" style="grid-gap: 20rpx 3%;">
					<view class="over-hide posit-relat" style="width: 200rpx;height: 200rpx;border-radius: 24rpx;" v-for="(v_item,index) in tabsImagesIMG" :key="index">
						<image  mode="widthFix" :src="IMAGE_URL+v_item.tempFilePath" v-if="v_item.tempType==2" style="width: 100%;height: 200rpx;" alt="" />
						<image class="deletClass" mode="widthFix" src="/static/p5.png" @click="fun_delFile(index)" alt="" />
					</view>
					<view v-if="tabsImagesIMG.length<openFiles_num" class="" style="width: 200rpx;height: 200rpx;border-radius: 24rpx;overflow: hidden;" @click="confirmAppeal(2)"><image class="width-all height-all"mode="widthFix"
								src="/static/images/user/newUI/upload.png" alt="" /></view>
					
				</view> 	
			</view>
			<u-button type="primary" style="z-index: 0;"  class="font-14 sub width-all" :loading="submit_loading" :disabled="submit_loading" @click="submit_sub(item)">{{$t('提交')}}</u-button>
		</view>
	</u-popup>
	</view> 
	<view class="flex-item-grow-1 z-index-1 padd-b-15" style="min-height:0;height: 100%;">
		     <mescroll-uni :fixed="false" ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
				<view style="color:#9E9E9E ;" v-for="(item, key) in dataList" :key="item.id" class="posit-relat marg-b-20 border-radius-16 marg-l-15 marg-r-15 font-12">
						<view class="lang_bz" :class="(item.status==1||item.status==0)?'lang_bz_add':(item.status==3||item.status==2)?'lang_bz_close':'lang_bz_add'">
							<view class="lang_bz_l">
								<view style="color: #3C54AD;display: flex;font-size: 28rpx;" v-if="item.status==1||item.status==0">
									{{$t('已完成')}}
								</view>
								<view style="color: #A51D15;display: flex;font-size: 28rpx;" v-if="item.status==3">
									{{$t('被拒绝')}}
								</view>
								<view style="color: #A51D15;display: flex;font-size: 28rpx;" v-if="item.status==2">
									{{$t('被取消')}}
								</view>
								<view class="lang_bz_mobile" @click="call(item)" v-if="item.status==1">{{$t('申诉')}}</view>
 							</view>
							<view class="lang_bz_b">
								<view  class="flex width-all flex-both marg-b-20" >
									<view class="flex font-13" style="color: #666666;font-weight: 500;">
										<view class="">{{$t('下单时间')}}</view>
									</view>
									<view class="font-13 font-none" style="color: #333333;font-weight: 400;"><span style="font-size: 10px;">Beijing</span>{{item.create_at}}</view>
								</view>
								<view  class="flex width-all flex-both marg-b-20" >
									<view class="flex font-13" style="color: #666666;font-weight: 500;">
										<view class="" v-if="item.type==2">{{$t('会议开始时间')}}</view>
										<view class="" v-if="item.type==1">{{$t('语音开始时间')}}</view>
									</view>
									<view class="font-13 font-none" v-if="lang=='zh'" style="color: #333333;font-weight: 400;">{{item.start_timeValue_arr!=null?item.start_timeValue_arr.name:''}}</view>
									<view class="font-13 font-none" v-if="lang=='ru'" style="color: #333333;font-weight: 400;">{{item.start_timeValue_arr!=null?item.start_timeValue_arr.name_ru:''}}</view>
								</view>
								<view  class="flex width-all flex-both marg-b-20" >
									<view class="flex font-13" style="color: #666666;font-weight: 500;">
										<view class="" v-if="item.type==2">{{$t('会议时长')}}</view>
										<view class="" v-if="item.type==1">{{$t('语音时长')}}</view>
									</view>
									<view class="font-13 font-none" style="color: #333333;font-weight: 400;">{{item.duration}}{{$t('分钟')}}</view>
								</view>
								<view  class="flex width-all flex-both marg-b-20" >
									<view class="flex font-13" style="color: #666666;font-weight: 500;">
										<view class="">{{$t('语言种类')}}</view>
									</view>
									<view class="font-13 font-none" v-if="lang=='zh'" style="color: #333333;font-weight: 400;">{{item.request_lang}}</view>
									<view class="font-13 font-none" v-if="lang=='ru'"style="color: #333333;font-weight: 400;">{{item.request_lang_ru}}</view>
								</view>
								<view  class="flex width-all flex-both marg-b-20" >
									<view class="flex font-13" style="color: #666666;font-weight: 500;">
										<view class="">{{$t('专业方向')}}</view>
									</view>
									<view class="font-13 font-none" v-if="lang=='zh'" style="color: #333333;font-weight: 400;">{{item.professional?item.professional.name:''}}</view>
									<view class="font-13 font-none" v-if="lang=='ru'" style="color: #333333;font-weight: 400;">{{item.professional?item.professional.name_ru:''}}</view>
								</view>
								<view  class="flex width-all flex-both marg-b-20" v-if="item.status==1">
									<view class="flex font-13" style="color: #666666;font-weight: 500;">
										<view class="">{{$t('获得佣金')}}</view>
									</view>
									<view class="font-13 font-none" style="color: #FF3129;font-weight: 400;">{{item.money}}{{$t('积分')}}</view>
								</view>
								<view  class="flex width-all flex-both marg-b-20" v-if="item.status==1">
									<view class="flex font-13" style="color: #666666;font-weight: 500;">
										<view class="">{{$t('服务评价')}}</view>
									</view>
									<view><u-rate active-color="#FDBD3B"  inactive-icon="star-fill" v-model="item.evaluate" :count="5" :disabled="true"></u-rate></view>
								</view>
								<view  class="flex width-all" v-if="item.status==1" :class="lang=='ru'?'marg-b-10':'marg-b-20'">
									<view class="flex width-all flex-right" v-if="item.evaluate&&item.evaluate!=0&&item.evaluate_brand">
										<view class="meeting_ping" v-if="brandChange(item.evaluate_brand)[0]=='1'">
											<view class="breakAdd"  style="color: #fff;" v-if="item.evaluate==1">{{$t('服务体验差')}}</view>
											<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==2||item.evaluate==3">{{$t('服务一般')}}</view>
											<view  class="breakAdd" style="color: #fff;" v-if="item.evaluate==4||item.evaluate==5">{{$t('服务体验好')}}</view>
											<view style="width: 46rpx;height: 46rpx;overflow: hidden;">
												<image v-if="item.evaluate==1" class="width-all height-all"mode="widthFix"
													src="/static/images/user/newUI/bad.png" alt="" />
												<image v-if="item.evaluate==2||item.evaluate==3" class="width-all height-all"mode="widthFix"
													src="/static/images/user/newUI/hao.png" alt="" />
												<image v-if="item.evaluate==4||item.evaluate==5" class="width-all height-all"mode="widthFix"
													src="/static/images/user/newUI/haos.png" alt="" />
											</view>
										</view>
										<view class="meeting_ping marg-l-10" v-if="brandChange(item.evaluate_brand)[1]=='1'">
											<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==1">{{$t('翻译错误')}}</view>
											<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==2||item.evaluate==3">{{$t('翻译精准')}}</view>
											<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==4||item.evaluate==5">{{$t('翻译精准')}}</view>
											<view style="width: 46rpx;height: 46rpx;overflow:hidden ;">
												<image v-if="item.evaluate==1" class="width-all height-all"mode="widthFix"
													src="/static/images/user/newUI/bad.png" alt="" />
												<image v-if="item.evaluate==2||item.evaluate==3" class="width-all height-all"mode="widthFix"
													src="/static/images/user/newUI/hao.png" alt="" />
												<image v-if="item.evaluate==4||item.evaluate==5" class="width-all height-all"mode="widthFix"
													src="/static/images/user/newUI/haos.png" alt="" />
											</view>
										</view>
										<view class="meeting_ping marg-l-10" v-if="brandChange(item.evaluate_brand)[2]=='1'">
											<view class="breakAdd" style="color: #fff;" v-if="item.evaluate==1">{{$t('时间观念差')}}</view>
											<view  class="breakAdd" style="color: #fff;" v-if="item.evaluate==2||item.evaluate==3">{{$t('稍稍迟到')}}</view>
											<view  class="breakAdd" style="color: #fff;" v-if="item.evaluate==4||item.evaluate==5">{{$t('准点守时')}}</view>
											<view style="width: 46rpx;height: 46rpx;overflow: hidden;">
												<image v-if="item.evaluate==1" class="width-all height-all"mode="widthFix"
													src="/static/images/user/newUI/bad.png" alt="" />
												<image v-if="item.evaluate==2||item.evaluate==3" class="width-all height-all"mode="widthFix"
													src="/static/images/user/newUI/hao.png" alt="" />
												<image v-if="item.evaluate==4||item.evaluate==5" class="width-all height-all"mode="widthFix"
													src="/static/images/user/newUI/haos.png" alt="" />
											</view>
										</view>
									</view>
								</view> 
							</view>
						</view>
						
				</view>
			</mescroll-uni>
	</view>
	</view>
</template>


<script>
	import {
	  HTTP_REQUEST_URL,
	  IMAGE_MAX_SIZE,
	  IMAGE_MAX_COUNT,
	  IMAGE_URL
	} from 'config/app.js'
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin], // 使用mixin
		data() {
			return {
				dataList:[],
				cunentge:3,
				//语言
				lang: getApp().globalData.lang,
				downOption:{
					textLoading:this.$t('加载中'),
					textSuccess:this.$t('加载成功'),
					textInOffset: this.$t('下拉刷新'), 
					textOutOffset: this.$t('释放更新'), 
				},
				upOption:{
					page: {
						num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
						size: 10, // 每页数据的数量
						time: null // 加载第一页数据服务器返回的时间; 防止用户翻页时,后台新增了数据从而导致下一页数据重复;
					},
					// auto: false, // 是否在初始化完毕之后自动执行上拉加载的回调; 默认true
					// offset: 80, // 距底部多远时(默认80),触发upCallback(仅mescroll-uni生效, 对于mescroll-body则需在pages.json设置"onReachBottomDistance")
					// toTop:{
					// 	src:''
					// },
					textNoMore: this.$t('没有更多了'), // 没有更多数据的提示文本
					textLoading:this.$t('加载中'),
					textSuccess:this.$t('加载成功'),
					empty: {
						// icon: "", // 图标路径
						tip: this.$t('暂无相关数据')
					}
				},
				tabsList:[
					{name:getApp().globalData.lang=='zh'?this.$t('语音帮助'):'Аудио'},
					{name:this.$t('视频会议')}
				],
				openFiles_list:[
					{
						value: '1',
						label: this.$t('视频')
					},
					{
						value: '2',
						label: this.$t('从相册选择')
					}
				],
				current:0,
				appeal_show:false,
				evaluateCount:0,
				chatMessage:'',
				submit_loading:false,
				openFiles_show:false,
				openFiles_value:'',
				openFiles_num:3,
				serverDate:{},
				action: HTTP_REQUEST_URL + '/common/upload',
				imageMaxSize: IMAGE_MAX_SIZE,
				imageMaxCount: IMAGE_MAX_COUNT,
				IMAGE_URL,
				uploadText: this.$t('请选择'),
				tabsImages:[],
				tabsImagesVideo:[],
				tabsImagesIMG:[],
				evaluate_brand:''
			}
		},
		onLoad() {
			console.log(uni.getStorageSync("user_id"))
		},
		onShow() {

		},
		methods: {
			getLastPart(str){
				console.log('111',str.slice(str.lastIndexOf('/') + 1))
				return str.slice(str.lastIndexOf('/') + 1);
			},
			brandChange(v_arry){
				return v_arry.split(',')
			},
			brandChanges(v_arry,number){
				//console.log(v_arry,'brandChanges',v_arry.split(',').includes(number))
				if(!v_arry)return false
				let v_arrys=v_arry.split(',')
				 v_arrys.some((v_kyes)=>{
					return v_kyes.includes(number);
				 })
				 
			},
			replaceComma(v_str){
				return str.replace(/[,]/g, '--');
			},
			fun_delFile(v_index){
				this.tabsImagesIMG.splice(v_index,1)
			},
			fun_delFiles(v_index){
				this.tabsImagesVideo.splice(v_index,1)
			},
			openFiles_upload(tempFilePaths,v_type) {
				uni.uploadFile({
					url: this.action,
					filePath: tempFilePaths,
					name: 'file',
					formData: {},
					success: (uploadFileRes) => {
						console.log('uni.openFiles_upload',uploadFileRes)
						try {
							const updatedOssPath = JSON.parse(uploadFileRes.data).data.url
							console.log('uni.openFiles_upload111',updatedOssPath)
							let tempObject={
								tempFilePath:updatedOssPath,
								tempType:v_type
							} 
							if(v_type==2)this.tabsImagesIMG.push(tempObject)
							if(v_type==1)this.tabsImagesVideo.push(tempObject)
							console.log('uni.openFiles_upload2222',this.tabsImages)
						} catch (e) {
							console.log(e)
							uni.showToast({
								title: this.$t("上传失败"),
								icon: "none"
							})
						}
					}
				});
			},
			openFiles_video(v_type){
				uni.chooseVideo({
					sourceType: ["album"],
					count:this.tabsImagesVideo.length-this.openFiles_num,
					compressed: true,
					success: (res)=>{
						console.log('uni.chooseVideo',res)
						let tempFilePath = res.tempFilePath;
						this.openFiles_upload(tempFilePath,v_type);
					},
				});
			},
			openFiles_img(v_type){
				uni.chooseImage({
					count: 1, 
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ["album"], 
					success: (res) => {
						console.log('uni.chooseImage',res)
						let tempFilePath = res.tempFilePaths[0];
						this.openFiles_upload(tempFilePath,v_type);
					}
					})
			},
			confirmAppeal(e){
				this.openFiles_value=e
				if(this.openFiles_value==1){
					this.openFiles_video(this.openFiles_value)
				}
				if(this.openFiles_value==2){
					this.openFiles_img(this.openFiles_value)
				}
			},
			backEvent() {
				uni.navigateBack({
					delta: 1
				})
			},
			call(v_item) {
				this.serverDate=v_item
				this.tabsImages=[]
				this.tabsImagesIMG=[]
				this.tabsImagesVideo=[]
				v_item.appeal_show=true
				this.dataList.map((v_key)=>{
					if(v_key.id==v_item.id){
						v_item=v_key
					}else{
						v_key.appeal_show=false
					}
				})
			},
			submit_sub(v_item){
				let appeal_files1=''
				let appeal_files2=''
				this.submit_loading=true
				if(this.tabsImagesIMG.length>0){
					appeal_files1=this.tabsImagesIMG.map((item1)=>{return item1.tempFilePath}).join(',')
				}
				if(this.tabsImagesVideo.length>0){
					appeal_files2=this.tabsImagesVideo.map((item2)=>{return item2.tempFilePath}).join(',')
				}
				this.$u.api.user.appeal_log({
					id: v_item.id,
					appeal: this.chatMessage,
					appeal_file:(appeal_files1+appeal_files2)?(appeal_files1+','+appeal_files2):''
				}).then(res => {
					this.submit_loading=false
					v_item.appeal_show=false
					this.dataList.map((v_key)=>{
						if(v_key.id==v_item.id){
							v_item=v_key
						}else{
							v_key.appeal_show=false
						}
					})
					this.dataList=[]
					this.mescroll.resetUpScroll()
					
				}).catch(error => {
						this.submit_loading=false
						v_item.appeal_show=false
						this.dataList.map((v_key)=>{
							if(v_key.id==v_item.id){
								v_item=v_key
							}else{
								v_key.appeal_show=false
							}
						})
						this.dataList=[]
						this.mescroll.resetUpScroll()
					})
			},
			toggleItemClass(index){
				this.current = index;
				this.dataList=[]
				this.mescroll.resetUpScroll()
			},
			upCallback(page) {
				setTimeout(()=>{
					//翻译记录
					this.$u.api.user.recordsList({
						page:page.num,
						type:this.current+1
					}).then(res => {
						if(!res.list)res.list=[];
						res.list.map((v_tem)=>{
							v_tem.appeal_show=false
						})
						this.mescroll.endBySize(res.list.length, res.count); 
						//设置列表数据
						if(page.num == 1) this.dataList = []; 
						this.dataList=this.dataList.concat(res.list); 
					})
				},500)
			}
		}
	
	}
</script>

<style scoped>
	.item_styles{
		padding: 12rpx 30rpx;
		border-radius: 30rpx;
		border: 1rpx solid #fff;
		color: #fff;
		text-align: center;
	}
	.item_styles_ru{
		padding: 12rpx 0rpx;
		border-radius: 30rpx;
		border: 1rpx solid #fff;
		width: 200rpx;
		color: #fff;
		text-align: center;
	}
	.item_style_add{
		background-color: #0055B2;
		border: 1rpx solid #0055B2;
		color: #fff;
	}
	.deletClass{
		position: absolute;
		width: 24px;
		height: 24px;
		top: 0;
		right: 0;
		z-index: 12;
	}
.posit-type_veido{
	width: 240rpx;
	height: 50rpx; 
	background-image: linear-gradient(to right, #FCF9E8, #F2C376);
	justify-content: center;
	display: flex;
	align-items: center;
	border-top-right-radius: 32rpx;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 32rpx;
	border-bottom-right-radius: 3rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: #745343;
	top: -16rpx;
	right: 0;
}
.posit-type_audio{
	width: 240rpx;
	height: 50rpx; 
	background-image: linear-gradient(to right, #8399FB, #4A70FC);
	justify-content: center;
	display: flex;
	align-items: center;
	border-top-right-radius: 32rpx;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 32rpx;
	border-bottom-right-radius: 3rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: #fff;
	top: -16rpx;
	right: 0;
}

/deep/ .u-border-bottom:after {
    border-bottom-width: 0 !important;
}
	/deep/.u-navbar-content-title{
		width: 80% !important;
		left:10% !important;
		right:10% !important;
	}
/deep/.u-checkbox__label{
	word-wrap:break-word;
	word-break: break-all;
	font-size: 14rpx !important;
}
.zhuanhuan_img {
		width: 20px;
		height: 20px;
		margin: 5px;
	}
	.item {
		border-radius: 40rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 30rpx;
	}
	.item_com{
		background-image: linear-gradient(to right, #CCD6FF  #4A70FC );
	}
	.item_close{
		background-image: linear-gradient(to right,#FF554D  #FFA28D );
	}
	.lang_bz_l {
		width: 100%;
		height: 72rpx;
		padding: 0 30rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 24rpx;
	}
	.column {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}
	.lang_bz {
		border-radius: 32rpx;
		margin: 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		border: 1rpx solid #fff;
	}
	.lang_bz_add {
		background: linear-gradient(90deg, #CCD6FF -2%, #4A70FC 105%);
	}
	.lang_bz_close {
		background: linear-gradient(90deg, #FFA28D -2%, #FF554D 105%);
	}
	.lang_bz_mobile {
		width: 134rpx;
		height: 48rpx;
		border-radius: 48rpx;
		text-align: center;
		line-height: 48rpx;
		font-size: 22rpx;
		color: #005EAC;
		background-color: #FFFFFF;
	}
	.lang_bz_b{
		width: 100%;
		min-height: 341rpx;
		padding: 30rpx 30rpx 23rpx 30rpx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		border-radius: 32rpx;
	}
	.meeting_ping{
		width: 33%;
		display: flex;
		background-image: linear-gradient(to right, #B9E2FF, #0295FA);
		justify-content: center;
		padding:4rpx 18rpx;
		border-top-right-radius: 14rpx;
		border-bottom-left-radius: 14rpx;
		border-top-left-radius: 7rpx;
		border-bottom-right-radius: 7rpx;
		font-size: 10px;
		align-items: center;
	}
	.meeting_pingp{
		display: flex;
		width: 33%;
		background-image: linear-gradient(to right, #B9E2FF, #0295FA);
		justify-content: center;
		padding:4rpx 18rpx;
		border-top-right-radius: 14rpx;
		border-bottom-left-radius: 14rpx;
		border-top-left-radius: 7rpx;
		border-bottom-right-radius: 7rpx;
		font-size: 10px;
		align-items: center;
	}
	.sub {
		background-image: linear-gradient(to bottom, #4BADFD, #2B61EB);
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #ffffff;
		margin: auto;
		margin-top: 15px;
		margin-bottom: 10px;
		border-radius: 10px;
	}
	.textareas {
		width: 100%;
		padding: 15px;
		font-size: 26rpx;
		box-sizing: border-box;
	}
	.breakAdd{
		white-space: pre-wrap;
		word-wrap: break-word;
		word-break: break-all
	}
</style>